import React, { Component } from 'react';

import { Route, Redirect, Switch } from 'react-router-dom';
import Mine1 from './Mine1';
import Mine2 from './Mine2';
import Notfind from './Notfind';
class Mine extends Component {
    render() {
        return (
            <div>
                我的
                <div>
                    {/* 
                        嵌套路由: 只需要将Route这个坑组件定义在上一级路由的组件中, 然后设置对应的path 
                        和 component 属性
                        注意: 嵌套路由的path地址, 必须拼接上一级路由的path地址
                        问题? 就是二级路由对应的一级路由可不可以设置严格模式? 
                        // 严格模式: 就是在路由规则上 <Route>上添加exact(确定确切意思) 属性
                        注意:  如果该一级路由有二级路由, 那么不能给一级路由规则设置严格模式 exact属性
                     */}
                    <Switch>
                        <Route path='/mine/mine1' component={Mine1}></Route>
                        <Route path='/mine/mine2' component={Mine2}></Route>
                        {/*
                       设置重定向, 默认显示mine1组件 
                       确保一级路由不能设置严格模式,否则不显示二级组件
                    */}
                        <Redirect from='/mine' to='/mine/mine1' exact></Redirect>
                        <Route component={Notfind}></Route>
                    </Switch>
                </div>
            </div>
        );
    };
    componentDidMount() {
        console.log('mine', this);
    }
}

export default Mine;
